<?php

?>

<style type="text/css">
td.cell1
{
border:1px solid black;
}
ul
{
list-style-image:url("<?=base_url();?>/assets/videoimgs/buttion-2.gif")
}
#font_style
{
font-size:12px;
font-weight:bold;

}

 </style>
<table cellpadding="0" cellspacing="0" >
 
	<tr>
		<td id='content-header-left' align="center">Categories</td>
			<td id='content-header-center' align="center">
			Are You Ready For Roadies Battleground?</td>
		<td id='content-header-right'>
		</td>
 </tr>
 
 	<tr>
 		<td  bgcolor="#E3E1E2">
 			</td>
 			
 			
 			
 			
 			<td bgcolor="#FDFAE3">
 			   	<table cellpading="0" cellspaceing="0">
 			   		<tr>
 			   		  <td>
 			   	        <table >
 					      <tr>
 						    <td bgcolor="#FF6407"  class="cell1" valign="top" >
 						    <font size="2" color="#FDFAE3" ><center><b>Hottest Videos</b></center>
 						 	</font>
 						</td>
 						
 					</tr>
 				<tr>
 					<td width='215px' >
 				 		<font id='font_style'>
 					<ul type="square">
 							<?if(!empty($relatedvideos))
 							{
 							foreach($relatedvideos as $item){?>
 							
 							<a href="<?=base_url();?>video/playvideo/<?=$item->id?>/<?=$item->video_cat_id?>" style="color:BLACK"><li><?=ucfirst(trim_name($item->name,20))?></li></a> 
 							<?}}?>

 							 							
						</ul>  
						</font>
					</td>
				</tr>
			</table>
		</td>
			 
		        <td valign="top"> &nbsp;
 		       <?=$videoplayer?>
 		    	</td>	
                     
    
     </tr>
     
   <tr>
	 <td bgcolor="#FF6407" colspan="2" height="5" align="center">
	 	<font size="2" color="#FDFAE3"><b>Top Videos</b>
	 	</font>
	 	</td>
	 </tr>
 <tr>
	<td colspan="2">
		<table cellpadding="0" cellspaceing="10" align="center">
			<tr>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/4.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /> </td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/9.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /> </td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/4.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /> </td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/3.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>
			</tr>
			<tr>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/6.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /> </td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/5.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" />  </td>
				<td width="139" height="105"  background="<?=base_url();?>assets/videoimgs/imgs/8.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/9.gif" align="center">  <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>
			</tr>
			<tr>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/7.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/9.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/3.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/4.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /> </td>
			</tr>
			<tr>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/10.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /> </td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/11.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>
				<td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/12.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>
		        <td width="139" height="105" background="<?=base_url();?>assets/videoimgs/imgs/10.gif" align="center"> <img src="<?=base_url();?>assets/videoimgs/buttion.gif"  alt="buttion" /></td>	
			</tr>
		</table>
	</td>
  </tr>
	
	</table>
 </td>	
 		<td  bgcolor="#E3E1E2">
 			</td>
 						
    </tr>
 </table>
 			
 
 